<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">

	<head>
		<title>Tutoriel Google Maps</title>
		<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
		<!-- Elément Google Maps indiquant que la carte doit être affiché en plein écran et
		qu'elle ne peut pas être redimensionnée par l'utilisateur -->
		<meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
		<!-- Inclusion de l'API Google MAPS -->
		<!-- Le paramètre "sensor" indique si cette application utilise détecteur pour déterminer la position de l'utilisateur -->
		<script type="text/javascript" src="http://maps.google.com/maps/api/js?sensor=false"></script>
		<script type="text/javascript">
			function initialiser() {
				var lati = 46.779231;
				var longi = 6.659431;
				
				var latlng = new google.maps.LatLng(lati, longi);
	
				var options = {
					center: latlng,
					zoom: 19,
					mapTypeId: google.maps.MapTypeId.ROADMAP
				};
	
				var carte = new google.maps.Map(document.getElementById("carte"), options);
				
				//redéfinition du zoom
				carte.setZoom(15);
			
				createMarker(lati, longi, carte);
				centerMap(lati, longi, carte);
			}

			function createMarker(latitude, longitude, carte){
				coordonnees =new google.maps.LatLng(latitude, longitude);
				var marqueur = new google.maps.Marker({
					position: coordonnees,
					map: carte
				});
				//carte.setCenter(new google.maps.LatLng(latitude, longitude));
			}
			
			function centerMap(latitude, longitude, carte){
				carte.setCenter(new google.maps.LatLng(latitude, longitude));
			}
			

		</script>
	</head>

	<body onload="initialiser()">
		<div id="carte" margin="0px" style="width:100%; height:100%"></div>
	</body>
</html>